import { Result, Button } from '@arco-design/web-react';

const NotFound = () => {
  const navigate = useNavigate();
  const back = () => {
    navigate('/');
  };

  return (
    <div className="absolute top-1/2 left-1/2 -ml-95px -mt-121px text-center">
      <Result className="result" status="404" subTitle="not found" />
      <div>
        <Button key="back" type="primary" onClick={back}>
          back
        </Button>
      </div>
    </div>
  );
};

export default NotFound;
